{% extends "_layouts/examples.html" %}
{% block title %}Grid / Nesting - All screens{% endblock %}

{% block standalone_css %}patterns_grid-8{% endblock %}

{% block content %}
<div class="grid-row grid-demo">
  <div class="grid-col-small-4 grid-col-medium-4 grid-col-8">
    .grid-col-small-4 .grid-col-medium-4 .grid-col-8
    <div class="grid-row">
      <div class="grid-col-small-2 grid-col-medium-3 grid-col-6">
        .grid-col-small-2 .grid-col-medium-3 .grid-col-6
        <div class="grid-row">
          <div class="grid-col-small-1 grid-col-medium-1 grid-col-4">
            .grid-col-small-1 .grid-col-medium-1 .grid-col-4
          </div>
          <div class="grid-col-small-1 grid-col-medium-2 grid-col-2">
            .grid-col-small-1 .grid-col-medium-2 .grid-col-2
          </div>
        </div>
      </div>
      <div class="grid-col-small-2 grid-col-medium-1 grid-col-2">
        .grid-col-small-2 .grid-col-medium-1 .grid-col-2
      </div>
    </div>
  </div>
</div>
{% endblock %}
